<script setup lang='ts'>
import {} from 'vue'
import Icon from '@/components/icon/icon.vue';


</script>

<template>
<div class="loading">
  <Icon name="loading" width="40px"  class="spin" />
  <p style="color:#1DA57A">加载中...</p>
</div>
</template>

<style scoped lang="scss">
@keyframes spin{
    from{transform:rotateZ(0)}
    to{transform:rotateZ(360deg)}
} 
.spin{
    animation:spin ease-in-out infinite 1s; 
}
.loading{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
</style>